extends common/layout

block title
  title 企业服务网站-爱生活

block body
  .head-banner.video-list
    #head-banner.swiper-container
      .swiper-wrapper
        .swiper-slide(style="background-image:url('#{images}/banner_1.png')")
          .shadow
            i.play-icon.mdi.mdi-play
            .title
              span
                | 戴上索尼h.ear on MDR - 100ABN
                span
                  span
                    | 感觉成为了音乐潮人
                    span
            .avatar
              img.z-depth-1(src='#{images}/avatar.jpeg')
              span.name 菲菲
              span.time 1小时前
        .swiper-slide(style="background-image:url('#{images}/banner_2.png')")
          .shadow
            i.play-icon.mdi.mdi-play
            .title
              span
                | 戴上索尼h.ear on MDR - 100ABN
                span
                  span
                    | 感觉成为了音乐潮人
                    span
            .avatar
              img.z-depth-1(src='#{images}/avatar.jpeg')
              span.name 菲菲
              span.time 1小时前
        .swiper-slide(style="background-image:url('#{images}/banner_3.png')")
          .shadow
            i.play-icon.mdi.mdi-play
            .title
              span
                | 戴上索尼h.ear on MDR - 100ABN
                span
                  span
                    | 感觉成为了音乐潮人
                    span
            .avatar
              img.z-depth-1(src='#{images}/avatar.jpeg')
              span.name 菲菲
              span.time 1小时前
      .swiper-button-prev
        i.mdi.mdi-chevron-left
      .swiper-button-next
        i.mdi.mdi-chevron-right
  .my-container
    .row
      .session-title 科技 · TECH
      .adlist
        .adlistpc.mar_r2
          img(src='#{images}/p1.jpg')
        .adlistpc.mar_r2
          img(src='#{images}/p2.jpg')
        .adlistpc
          img(src='#{images}/p3.jpg')
        .clear_both
      .clear_both
      .adlist
        .adlistpc2
          img(src='#{images}/p4.jpg')
        .adlistpc3
          img(src='#{images}/p5.jpg')
        .clear_both
      .adlist
        .adlistpc4
          img(src='#{images}/p6.jpg')
      .row_left2(style='padding:0px;position:static')
        .article-title
          .item.active 最新
          .item 热门
        .article-list
          .article-item
            .article-item-left
              .label
                a(href='#') 科 技
              .article-item-left-img
                a(href='#')
                  img(src='#{images}/d1.jpg')
            .article-item-right
              .title
                a(href='#') 平面设计的跳跃思维平面设计师的跳跃思维
              .avatar
                img.z-depth-1(src='#{images}/avatar.jpeg')
                span.name 菲菲
                span.time 2016/04/01 16:00
              .content
                | 上海的某家书店里，Jessie 一手拿着 Surface Pro 4，眼神迅速扫过成堆的书架，随意拿的书架，随意起一本书翻开，此时的她犹如处子一般沉静，悠悠翻过一页，口中甚至念念有词，仿佛世界只留下自己……
              .foot
                a(href='#')
                  img(src='#{images}/editicon.png')
                  |  20
                a(href='#')
                  img(src='#{images}/loveicon.png')
                  |  22
            .clear_both
          .article-item
            .article-item-left
              .label
                a(href='#') 科 技
              .article-item-left-img
                a(href='#')
                  img(src='#{images}/d2.jpg')
            .article-item-right
              .title
                a(href='#') 平面设计师的跳跃思维平面设跳跃思维
              .avatar
                img.z-depth-1(src='#{images}/avatar.jpeg')
                span.name 菲菲
                span.time 2016/04/01 16:00
              .content
                | 上海的某家书店里，Jessie 一手拿着 Surface Pro 4，眼神迅速扫过成堆的书架，随意拿的书架，随意起一本书翻开，此时的她犹如处子一般沉静，悠悠翻过一页，口中甚至念念有词，仿佛世界只留下自己……
              .foot
                a(href='#')
                  img(src='#{images}/editicon.png')
                  |  20
                a(href='#')
                  img(src='#{images}/loveicon.png')
                  |  22
            .clear_both
          .article-item
            .article-item-left
              .label
                a(href='#') 科 技
              .article-item-left-img
                a(href='#')
                  img(src='#{images}/d3.jpg')
            .article-item-right
              .title
                a(href='#') 平面设计师的跳跃思维平面设跳跃思维
              .avatar
                img.z-depth-1(src='#{images}/avatar.jpeg')
                span.name 菲菲
                span.time 2016/04/01 16:00
              .content
                | 上海的某家书店里，Jessie 一手拿着 Surface Pro 4，眼神迅速扫过成堆的书架，随意拿的书架，随意起一本书翻开，此时的她犹如处子一般沉静，悠悠翻过一页，口中甚至念念有词，仿佛世界只留下自己……
              .foot
                a(href='#')
                  img(src='#{images}/editicon.png')
                  |  20
                a(href='#')
                  img(src='#{images}/loveicon.png')
                  |  22
            .clear_both
          .article-item
            .article-item-left
              .label
                a(href='#') 科 技
              .article-item-left-img
                a(href='#')
                  img(src='#{images}/d4.jpg')
            .article-item-right
              .title
                a(href='#') 平面设计师的跳跃思维平面设跳跃思维
              .avatar
                img.z-depth-1(src='#{images}/avatar.jpeg')
                span.name 菲菲
                span.time 2016/04/01 16:00
              .content
                | 上海的某家书店里，Jessie 一手拿着 Surface Pro 4，眼神迅速扫过成堆的书架，随意拿的书架，随意起一本书翻开，此时的她犹如处子一般沉静，悠悠翻过一页，口中甚至念念有词，仿佛世界只留下自己……
              .foot
                a(href='#')
                  img(src='#{images}/editicon.png')
                  |  20
                a(href='#')
                  img(src='#{images}/loveicon.png')
                  |  22
            .clear_both
          .article-item
            .article-item-left
              .label
                a(href='#') 科 技
              .article-item-left-img
                a(href='#')
                  img(src='#{images}/d5.jpg')
            .article-item-right
              .title
                a(href='#') 平面设计师的跳跃思维平面设跳跃思维
              .avatar
                img.z-depth-1(src='#{images}/avatar.jpeg')
                span.name 菲菲
                span.time 2016/04/01 16:00
              .content
                | 上海的某家书店里，Jessie 一手拿着 Surface Pro 4，眼神迅速扫过成堆的书架，随意拿的书架，随意起一本书翻开，此时的她犹如处子一般沉静，悠悠翻过一页，口中甚至念念有词，仿佛世界只留下自己……
              .foot
                a(href='#')
                  img(src='#{images}/editicon.png')
                  |  20
                a(href='#')
                  img(src='#{images}/loveicon.png')
                  |  22
            .clear_both
          .article-item
            .article-item-left
              .label
                a(href='#') 科 技
              .article-item-left-img
                a(href='#')
                  img(src='#{images}/d6.jpg')
            .article-item-right
              .title
                a(href='#') 平面设计师的跳跃思维平面设跳跃思维
              .avatar
                img.z-depth-1(src='#{images}/avatar.jpeg')
                span.name 菲菲
                span.time 2016/04/01 16:00
              .content
                | 上海的某家书店里，Jessie 一手拿着 Surface Pro 4，眼神迅速扫过成堆的书架，随意拿的书架，随意起一本书翻开，此时的她犹如处子一般沉静，悠悠翻过一页，口中甚至念念有词，仿佛世界只留下自己……
              .foot
                a(href='#')
                  img(src='#{images}/editicon.png')
                  |  20
                a(href='#')
                  img(src='#{images}/loveicon.png')
                  |  22
            .clear_both
          .article-item
            .article-item-left
              .label
                a(href='#') 科 技
              .article-item-left-img
                a(href='#')
                  img(src='#{images}/d7.jpg')
            .article-item-right
              .title
                a(href='#') 平面设计师的跳跃思维平面设跳跃思维
              .avatar
                img.z-depth-1(src='#{images}/avatar.jpeg')
                span.name 菲菲
                span.time 2016/04/01 16:00
              .content
                | 上海的某家书店里，Jessie 一手拿着 Surface Pro 4，眼神迅速扫过成堆的书架，随意拿的书架，随意起一本书翻开，此时的她犹如处子一般沉静，悠悠翻过一页，口中甚至念念有词，仿佛世界只留下自己……
              .foot
                a(href='#')
                  img(src='#{images}/editicon.png')
                  |  20
                a(href='#')
                  img(src='#{images}/loveicon.png')
                  |  22
            .clear_both
          .article-item
            .article-item-left
              .label
                a(href='#') 科 技
              .article-item-left-img
                a(href='#')
                  img(src='#{images}/d8.jpg')
            .article-item-right
              .title
                a(href='#') 平面设计师的跳跃思维平面设跳跃思维
              .avatar
                img.z-depth-1(src='#{images}/avatar.jpeg')
                span.name 菲菲
                span.time 2016/04/01 16:00
              .content
                | 上海的某家书店里，Jessie 一手拿着 Surface Pro 4，眼神迅速扫过成堆的书架，随意拿的书架，随意起一本书翻开，此时的她犹如处子一般沉静，悠悠翻过一页，口中甚至念念有词，仿佛世界只留下自己……
              .foot
                a(href='#')
                  img(src='#{images}/editicon.png')
                  |  20
                a(href='#')
                  img(src='#{images}/loveicon.png')
                  |  22
            .clear_both
          .article-item
            .article-item-left
              .label
                a(href='#') 科 技
              .article-item-left-img
                a(href='#')
                  img(src='#{images}/d9.jpg')
            .article-item-right
              .title
                a(href='#') 平面设计师的跳跃思维平面设跳跃思维
              .avatar
                img.z-depth-1(src='#{images}/avatar.jpeg')
                span.name 菲菲
                span.time 2016/04/01 16:00
              .content
                | 上海的某家书店里，Jessie 一手拿着 Surface Pro 4，眼神迅速扫过成堆的书架，随意拿的书架，随意起一本书翻开，此时的她犹如处子一般沉静，悠悠翻过一页，口中甚至念念有词，仿佛世界只留下自己……
              .foot
                a(href='#')
                  img(src='#{images}/editicon.png')
                  |  20
                a(href='#')
                  img(src='#{images}/loveicon.png')
                  |  22
            .clear_both
          .article-item
            .article-item-left
              .label
                a(href='#') 科 技
              .article-item-left-img
                a(href='#')
                  img(src='#{images}/d10.jpg')
            .article-item-right
              .title
                a(href='#') 平面设计师的跳跃思维平面设跳跃思维
              .avatar
                img.z-depth-1(src='#{images}/avatar.jpeg')
                span.name 菲菲
                span.time 2016/04/01 16:00
              .content
                | 上海的某家书店里，Jessie 一手拿着 Surface Pro 4，眼神迅速扫过成堆的书架，随意拿的书架，随意起一本书翻开，此时的她犹如处子一般沉静，悠悠翻过一页，口中甚至念念有词，仿佛世界只留下自己……
              .foot
                a(href='#')
                  img(src='#{images}/editicon.png')
                  |  20
                a(href='#')
                  img(src='#{images}/loveicon.png')
                  |  22
            .clear_both
          .more-sub-commentbox.pinmar
            a(href='#') 查看更多文章
          .paging
            .paging-inner
              .left
                i.mdi.mdi-chevron-left
              .pages
                .item 1
                .item ...
                .item 2
                .item 3
                .item 4
                .item ...
                .item 5
              .right
                i.mdi.mdi-chevron-right
      .row_right(style='padding:0px')
        .affiliated-box
          .right_adbox_pc3
            img(src='#{images}/adpc1.jpg')
          .right_adbox_pc
            img(src='#{images}/adpc2.jpg')
          .comments.z-depth-1
            .title 评论
            .comments-list
              .comments-item
                .main-content
                  .main-content-inner 好久没见到这种干货满满的发布会了，不过对于我这种屌丝来说价格并不惊喜，当然不会像国外湾湾一样...
                .sub-content 评论于 【去他的摄影】Cosplay摄影第三课：拍摄
                .avatar
                  img.z-depth-1(src='#{images}/b2.png')
                  span.name 菲菲
                  span.time 1小时前
              .comments-item
                .main-content
                  .main-content-inner 好久没见到这种干货满满的发布会了，不过对于我这种屌丝来说价格并不惊喜，当然不会像国外湾湾一样...
                .sub-content 评论于 【去他的摄影】Cosplay摄影第三课：拍摄
                .avatar
                  img.z-depth-1(src='#{images}/b2.png')
                  span.name 菲菲
                  span.time 1小时前
              .comments-item
                .main-content
                  .main-content-inner 好久没见到这种干货满满的发布会了，不过对于我这种屌丝来说价格并不惊喜，当然不会像国外湾湾一样...
                .sub-content 评论于 【去他的摄影】Cosplay摄影第三课：拍摄
                .avatar
                  img.z-depth-1(src='#{images}/b2.png')
                  span.name 菲菲
                  span.time 1小时前
              .comments-item
                .main-content
                  .main-content-inner 好久没见到这种干货满满的发布会了，不过对于我这种屌丝来说价格并不惊喜，当然不会像国外湾湾一样...
                .sub-content 评论于 【去他的摄影】Cosplay摄影第三课：拍摄
                .avatar
                  img.z-depth-1(src='#{images}/b2.png')
                  span.name 菲菲
                  span.time 1小时前
              .comments-item
                .main-content
                  .main-content-inner 好久没见到这种干货满满的发布会了，不过对于我这种屌丝来说价格并不惊喜，当然不会像国外湾湾一样...
                .sub-content 评论于 【去他的摄影】Cosplay摄影第三课：拍摄
                .avatar
                  img.z-depth-1(src='#{images}/b2.png')
                  span.name 菲菲
                  span.time 1小时前
            .clear_both
          .right_adbox_pc2
            img(src='#{images}/c_03.jpg')
      .clear_both
append script
  script(src="#{js}main.js")
